import React, { PureComponent } from 'react'
import { Navigate, useRoutes, useNavigate } from 'react-router-dom'
import * as style from './style'
import fourone from '@/assets/404_images/404.png'
import fourone2 from '@/assets/404_images/404_cloud.png'
import { Button } from 'antd';

export const NotFound = () => {
    const navigate = useNavigate()
    const goBabk = () => {
        navigate('/')
    }
    return (
        <style.NotFoundWarpper>
            <div className="wscn-http404-container">
                <div className="wscn-http404">
                    <div className="pic-404">
                        <img className="pic-404__parent" src={fourone} alt="" />
                        <img className="pic-404__child left" src={fourone2} alt="" />
                        <img className="pic-404__child mid" src={fourone2} alt="" />
                        <img className="pic-404__child right" src={fourone2} alt="" />
                    </div>
                    <div className="bullshit">
                        <div className="bullshit__oops">
                            404错误!
                        </div>
                        <div className="bullshit__headline">
                            找不到网页！
                        </div>
                        <div className="bullshit__info">
                            对不起，您正在寻找的页面不存在。尝试检查URL的错误，然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容。
                        </div>
                        <div className="bullshit__info">
                            {/* <Navigate to="/index" /> */}
                            <Button type="primary" shape="round" size={'large'} onClick={goBabk}>
                                回到首页
                            </Button>
                        </div>
                    </div>
                </div>
            </div>
        </style.NotFoundWarpper>
    )
}

export default NotFound
